<!DOCTYPE html>
<link rel="match" href="../expected/sticky-box-with-percentage-insets-ref.html" />
<style>
    * {
        scrollbar-width: 0;
    }
    html,
    body {
        margin: 0;
    }
    .sticky {
        position: sticky;
        top: 50%;
        left: 0;
        right: 0;
        background-color: cyan;
        border-top: 20px solid magenta;
        padding: 0.5em;
    }
    #scrollable {
        width: 300px;
        height: 200px;
        overflow: auto;
        position: relative;
        border: 1px solid black;
    }
</style>
<div id="scrollable">
    <div style="height: 10000px"><div class="sticky">I'm sticky</div></div>
</div>
